<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta charset="UTF-8" />
	<title>OK 团队协作平台</title>
	<meta name="keywords" content="office team" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="<@s.url '/css/bootstrap.min.css'/>"></link>
	<link rel="stylesheet" href="<@s.url '/css/bootstrap-theme.min.css'/>"></link>
	<link rel="stylesheet" href="<@s.url '/css/home.css'/>"></link>
</head>
<body>
	<div id="fb-root"></div>
	<div id="page-homepage" style="width: 100%; height: 100%;">
		<div id="page-wrapper">
		
			<div class="modal fade" id="loginwin" tabindex="-1" role="dialog" aria-labelledby="login_title" aria-hidden="true">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title" id="login_title">团队登录</h4>
			      </div>
			      <div class="modal-body">
			        <div class="warn"><#if error??>${(error["errors"])!""}</#if></div>
			        <form  action='<@s.url '/home/login'/>' method="post">
	                    
	                    <div class="input-group">
	                        <span class="input-group-addon">
	                            <span class="glyphicon glyphicon-user"></span>
	                        </span>
	                        <input id="name" name="username" type="text" class="form-control" placeholder="登录名称/邮箱/手机号码" />
	                    </div>
	                    <span class="warn"><#if error??>${(error["user"])!""}</#if></span>
	                    <br/>
	                    
	                    <div class="input-group">
	                        <span class="input-group-addon">
	                            <span class="glyphicon glyphicon-lock"></span>
	                        </span>
	                        <input id="pw" name="password" type="password" class="form-control" placeholder="登录密码"/>
	                    </div>
	                    <span class="warn"><#if error??>${(error["password"])!""}</#if></span>
	                    <br/>
	                    
	                    <div class="input-group">
	                        <span class="input-group-addon">
	                            <span class="glyphicon glyphicon-barcode"></span>
	                        </span>
	                        <input id="code" name="verifycode" type="text" class="form-control" placeholder="输入验证码"/>
	                    </div>
	                    <span class="warn"><#if error??>${(error["captcha"])!""}</#if></span>
	                    <br/>
	                    
	                    <div class="form-group">
	                        <img src="<@s.url '/user/captcha'/>" onclick='this.src=this.src+"?"+Math.random()' style="cursor: pointer" />
	                        <span>看不清？点击刷新</span>
	                    </div>
	                    
	                    <div class="form-group">
	                        <button class="btn btn-block btn-success" type="submit">登录</button>
	                    </div>
			        </form>
			      </div><!-- modal-body -->
			    </div><!-- modal-content -->
			  </div><!-- modal-dialog -->
			</div>
		
			<div id="page-header">
				<div class="container">
					<a href="/" class="logo pull-left"> 
						<img src="<@s.url '/img/ok-logo.png'/>" title="ok-logo" />
						<h1>OmniKennect</h1>
					</a>
					<a href="#loginwin" data-toggle="modal" data-target="#loginwin" class="btn btn-link pull-right hidden-xs">用户登录</a>
					<a href="/blog" class="btn btn-link pull-right hidden-xs">团队博客</a>
					<a href="/pricing" class="btn btn-link pull-right hidden-xs">新手入门</a>
				</div>
			</div>
			<div id="page-flashs"></div>
		
			<div id="page-body">
				<div class="homepage-intro">
					<div class="container">
						<div class="text-center">
							<h1>移动办公，沟通协作，尽在OmniKennect.com</h1>
							<div class="row">
								<div class="col-md-7 hidden-xs hidden-sm">
									<img src="<@s.url '/img/bg-1.png' />" width="450" height="382" title="teamwork" />
								</div>
								<div class="col-md-5">
									<form id="regteam" role="form" class="form-vertical" method="post" action="<@s.url '/home/join'/>" autocomplete="off">
		
										<div class="form-group">
											<label class="sr-only" for="teamname">teamname</label> 
											<input type="text" class="form-control input-lg" name="teamname" placeholder="团队名称" autocomplete="off"/>
										</div>
										<div class="form-group">
											<label class="sr-only" for="teamemail">Email</label> 
											<input type="text" class="form-control input-lg" name="teamemail" placeholder="团队邮箱" autocomplete="off"/>
										</div>
										<div class="form-group">
											<label class="sr-only" for="teampwd">Password</label> 
											<input type="password" class="form-control input-lg" name="teampwd" placeholder="登录密码" autocomplete="off"/>
										</div>
		
										<button type="submit" class="btn btn-success btn-lg btn-block btn-fill">创建您的团队</button>
										<p class="help-block">
											如果您有账号，也可以点击 <a href="#loginwin" data-toggle="modal" data-target="#loginwin">登录</a> 进入哦！
										</p>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="presentation-section">
				    <div class="container text-center">
				        <h1>Write &amp; Publish with Markdown and Git</h1>
				        <p class="lead">Books on GitBook are written using a beautiful editor and published using Git or GitHub.</p>
				        <div class="section-preview">
				            <img src="<@s.url '/img/preview_editor.png' />" title="preview editor"/>
				        </div>
				    </div>
				</div><!-- Write -->
				
                <div class="presentation-section">
                    <div class="container text-center">
                        <h1>Distribute &amp; Sell everywhere</h1>
                        <p class="lead">Sell your book at the price you want, GitBook can also distribute it on all main marketplaces.</p>
                        <div class="section-preview">
                            <img src="<@s.url '/img/preview.png'/>" title="preview" />
                        </div>
                    </div>
                </div>
				
                <div class="presentation-section">
                    <div class="container text-center">
                        <h1>Analyse &amp; Engage your readers</h1>
                        <p class="lead">Learn from your readers using powerful analytics, and engage with them to improve your book's content.</p>
                        <div class="section-preview">
                            <img src="<@s.url '/img/preview_analyse.png'/>" title="preview" />
                        </div>
                    </div>
                </div>
				
				<hr/>
				
                <div class="presentation-section">
                    <div class="container text-center">
                        <p class="lead">And more features</p>
                    </div>
                    <div class="container">
                        <div class="component-features">
                            <div class="row">
                                <div class="col-md-4 feature">
                                    <p><b>Version Control</b>, GitBook is based on <a href="http://en.wikipedia.org/wiki/Git_(software)" target="_blank">GIT</a> scm. A simple "git push" is enough to publish a new version.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>Markdown</b>, books are written using the <a href="http://en.wikipedia.org/wiki/Markdown" target="_blank">markdown</a> or AsciiDoc syntax. TeX support is planned.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>Simple to update</b>, publish and update your books easily using Git or the web book editor.</p>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-md-4 feature">
                                    <p><b>Responsive</b>, books can be read on all devices, laptops, tablets, phones, kindles, etc.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>E-book readers</b>, books are readable on the Amazon Kindle, Nook and other readers (PDF, ePub, Mobi).</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>GitHub</b>, write your book on GitHub and publish it in seconds through GitBook.</p>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-md-4 feature">
                                    <p><b>Choose your price</b>, or accept donations, from $0 (or free) to $100; let everybody buy your book from all the main marketplaces.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>Communicate and </b>, focus on your readers, update and engage them with the progress of your work.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>You keep the rights to your book</b>, not us. So you can do a deal with a publisher at any time.</p>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-md-4 feature">
                                    <p><b>Transfer your revenue</b> directly to your bank account <em>(Only US is supported right now)</em> or PayPal.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>Create discounts</b>, define promotions, design viral offers and make your customers happy.</p>
                                </div>
                                <div class="col-md-4 feature">
                                    <p><b>Personalize your landing page</b> with personalized branding and custom domain names.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-6">
                                <a href="/editor" class="btn btn-link btn-lg btn-block">Learn more about the editor</a>
                            </div>
                            <div class="col-xs-6">
                                <a href="/enterprise" class="btn btn-link btn-lg btn-block">GitBook for Enterprise</a>
                            </div>
                        </div>
                    </div>
                    
                    <hr />
				
				<div class="page-footer">
				    <div class="container">
				        <h2>心动不如行动</h2>
				
				        <div class="btn-toolbar">
				            <a href="#regteam" class="btn btn-success btn-lg btn-fill">开通团队吧</a>
				        </div>
				    </div>
				</div><!-- page-footer -->
			</div><!-- page-body -->
		
		    <div id="page-footer">
		        <div class="container">
		            <div class="row">
		                <div class="col-md-12">
		                    <div class="row">
		                        <div class="col-xs-4">
		                            <ul class="footer-menu">
		                                <li><a href="https://www.gitbook.com/">Home</a></li>
		                                <li><a href="https://www.gitbook.com/blog">Blog</a></li>
		                                <li><a href="https://www.gitbook.com/contact">Contact</a></li>
		                            </ul>
		                        </div>
		                        <div class="col-xs-4">
		                            <ul class="footer-menu">
		                                <li><a href="https://www.gitbook.com/about">About</a></li>
		                                <li><a href="https://www.gitbook.com/pricing">Pricing</a></li>
		                                <li><a href="https://www.gitbook.com/terms">Terms of Use</a></li>
		                            </ul>
		                        </div>
		                        <div class="col-xs-4">
		                            <ul class="footer-menu">
		                                <li><a target="_blank" href="http://jobs.gitbook.com">Jobs</a></li>
		                                <li><a href="https://www.gitbook.com/enterprise">Enterprise</a></li>
		                                <li><a href="http://status.gitbook.com/">Status</a></li>
		                            </ul>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		
		        <div class="footer-line">
		            <div class="container">
		                © OmniKennect.com Inc 2015,
		
		                View our <a href="/privacy">Privacy Policy</a> and <a href="/terms">Terms</a>.
		            </div>
		        </div>
		    </div>
		</div>
    	</div>
	</div>
	<script src="<@s.url '/js/jquery.min.js' />"></script>
	<script src="<@s.url '/js/jquery.validate.min.js' />"></script>
	<script src="<@s.url '/js/bootstrap.min.js' />"></script>
</body>
</html>